<template>
  <div class="card">
    <h1 class="title title-bg douyu">{{ title }}</h1>
    <slot></slot>
  </div>
</template>

<script setup>
defineProps({
  title: {
    type: String,
    default: "",
  },
});
</script>

<style lang="scss" scoped>
.card {
  height: 100%;
}
.title-bg {
  background: url("../../../assets/image/posture/card_blue_titbg.png");
  background-repeat: no-repeat;
  background-size: 480px 40px;
}
.title {
  padding-left: 42px;
  font-size: 18px;
  color: #fff;
  height: 40px;
  line-height: 46px;
}
</style>